﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>@*    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />*@
    <script src="../../Scripts/jquery-1.6.1.min.js" type="text/javascript"> </script>
    <script src="../../Scripts/jQuery.tmpl.js" type="text/javascript"> </script>
    <script src="../../Scripts/knockout-1.2.1.js" type="text/javascript"> </script>
    <script src="../../Scripts/knockout.mapping.js" type="text/javascript"> </script>
@*    <link href="../../Content/blueprint/ie.css" rel="stylesheet" type="text/css" />*@
@*    <link href="../../Content/blueprint/screen.css" rel="stylesheet" type="text/css" />*@
    <link href="../../Content/Dribbble/master.css" rel="stylesheet" type="text/css" />
</head>
<!--[if lt IE 7]> <div style='clear: both; height: 59px; padding: 0 0 0 15px; position: relative;'> <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div> <![endif]-->
<body id="shots">
    <div id="header" class="group">
        <div id="header-inner" class="group">
            <div id="logo">
                <h1>
                    viBook</h1>
            </div>
            <div id="dashboard">
                <form id="search" action="/search">
                <input id="search-text" name="q" value="Search" type="text" />
                <input id="search-btn" src="../../Content/dribbble/btn-search-go.gif" alt="Go" type="image" />
                </form>
            </div>
            <ul id="nav">
                @Html.Partial("_LogOnPartial")
                <li>@Html.ActionLink("Home", "Index", "Home")</li>
                <li>@Html.ActionLink("About", "About", "Home")</li>
                <li id="t-players">@Html.ActionLink("Chapters", "Index", "Chapters")
                    <ul style="display: none;" class="tabs">
                        <li class="">@Html.ActionLink("Chapter 1", "Details", "Chapters", new { id = 1 },null)</li>
                    </ul>
                </li>
                <li id="t-players">@Html.ActionLink("Pages", "Index", "Pages")
                    <ul style="display: none;" class="tabs">
                        <li class="">@Html.ActionLink("Page number 1", "Edit", "Pages", new { id = 1 },null)</li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div id="wrap">
        <div id="wrap-inner">
            <div id="content" class="group container">
                @RenderBody()
            </div>
        </div>
    </div>
    <div id="footer">
        <div id="footer-inner">
            <h4 id="pixels-total" class="group">
                <img alt="illustration" src="../../Content/dribbble/ball-46.png">
                <strong>15,854,515,644</strong> pixels dribbbled
            </h4>
            <p id="footer-nav">
                <a href="http://dribbble.com/site/about" id="f-home">About / FAQ</a> | <a href="http://blog.dribbble.com/">
                    Blog</a> | <a href="http://dribbble.com/site/contact">Contact</a> | <a href="http://dribbble.com/site/terms">
                        Terms</a> | <a href="http://dribbble.com/site/privacy">Privacy</a> | <a href="http://dribbble.com/site/api">
                            API</a> | <a href="http://store.dribbble.com/">Store</a>
            </p>
            <p>
                Copyright © 2009-2011 Dribbble LLC. All screenshots © their respective owners.<br>
                Handcrafted in Salem, Massachusetts. Hosted by <a href="http://mediatemple.net/">(mt)
                    Media Temple</a>.</p>
            <p>
                <a href="http://twitter.com/dribbble" class="footer-twitter">Follow Dribbble on Twitter</a></p>
        </div>
    </div>
    <script type="text/javascript">
        $('#nav li').hover(function () { $(this).find('ul.tabs').toggle(); }); 
    </script>
</body>
</html>
